@font-face {
    font-family: 'WebSymbolsRegular';
    src:url('websymbols.woff');
    src:url('websymbols.woff') format('woff'),
        url('websymbols.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




body {
	font-family: Microsoft YaHei;
	font-size: 14px;
	min-width: 1349px;
}

.navbar{
	height: 80px;
	min-width: 960px;
}

.navbar-inner{
	background-color: #669acc;
	background-image: none; 
	height: 80px;
}

.container-fluid {

	width: 960px;
	margin:0 auto;
	height: 80px;
	padding: 0 !important;
}

.first-approch{
	color: white;
	font-size: 16px;
	margin-top: 42px;

}

.first-approch a{
	color: white;
}

.search-bar{
	margin-top: 40px;
	margin-right: 30px;
}


.search-bar .btn{
	margin-top: 0;
	background-color: 
}


.navbar .brand{
	text-shadow: none;
	width: 255px;
	height: 80px;
	text-align: center;
	font-size: 30px;
	color: white;
	
	padding: 0;
	margin: 0;
	background-image: url("../../static/images/logo.png");
}

/*login_form*/
#login_form{
	color: black;
	font-size: 12px;
	position: relative;
}

#login_form a,label{
	color: black;
	font-size: 12px;
}

#login_form input[type = "text"],input[type = "password"]{
	width: 170px !important;
	font-size: 12px;
	height: 18px;
}

#login_form button{
	background-color: #669acc;
	width: 75px;
	height: 30px;
	margin:0;
	letter-spacing: 3px;
}

.icon_login{
	font-family: 'WebSymbolsRegular';
}

#icon_account{
	font-size: 16px;
	margin-right: 3px;
}

#icon_password{
	font-size: 22px;
	margin-left: 4px;
	margin-right: 8px;
}

#login_form label{
	text-align: right;
}

#login_form label input{
	margin-left: 120px;
}

#login_first_match{
	margin-bottom: 10px;
	margin-top: 5px;
}

#login_form > a{
	position: absolute;
	right: 0;
	top: 110px;
	font-size: 12px;
}


/*---------*/





/*---------------------------------------------*/

.container{
	width: 960px;

	margin-top: 15px;
}

#carousel-container{
	height: 310px;
	background-color:#d7dbde;
}

.carousel{
	display: inline-block;
	margin-top: 8px;
	height:294px;
	width: 960px;
}

.carousel-inner{
	width:918px;
	margin: 0 auto;
	height: 294px;
}

.carousel-indicators{
	right:80px;
}

.carousel-control{
	top:50%;
}

.carousel-control.right{
	right: -60px;
}

.carousel-control.left{
	left: -60px;
}

/*--------------------------------------------*/

.btn{
	color: #FFFFFF;
	font-family: Microsoft YaHei;
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
	background-image: none;
	padding: 3px 16px;
}

.btn:hover{
	color: #FFFFFF;
}

.btn:active{
	color: #FFFFFF;
}

.btn-blue{
	background-color: #00A0E4;
	border-color: #0085C5;
	text-shadow: 1px 1px 1px #0085C5;
}

.btn-blue:hover{
	background-color: #2EB9F9;
}

.btn-blue:active{
	background-color: #0084C0;
}

.btn-green{
	background-color: #5CC957;
	border-color: #00910A;
	text-shadow: 1px 1px 1px #00910A;
}

.btn-green:hover{
	background-color: #6DE267;
}

.btn-green:active{
	background-color: #3EA939;
}

.btn.dropdown-toggle{
	height: 28px;
}

span.showing-label{
	display: inline-block;
	padding: 5px 6px;
}

span.showing-label a{
	margin-left: 10px;
}

input[type='text'], span.showing-label{
	font-family: Microsoft YaHei;
	margin-bottom: 0px;
	width: 186px;
	height: 18px;
	font-size: 12px;
}

input[disabled]{
	cursor: auto;
	color: rgba(0, 0, 0, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
}


.control-group.control-btn-group{
	max-width: 624px;
	text-align: left;
}

.control-group.control-btn-group > .btn, 
.control-group.control-btn-group > input{
}

.control-group.control-btn-group > input{
}

.divider{
	clear: both;
	display: block;
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #F1EDEE;
	margin: 8px 0px;
}

textarea{
	margin-bottom: 0px;
	width: 498px;
	font-size: 12px;
	resize: none;
}

/*main*/
#main{
	width: 960px;
	margin-top: 5px;
	height: 1043px;
	background-color: #d7dbde;
}





/* content-left-menu since here*/
.content-left-menu{
	width:258px;
	height: 1043px;
	float: left;
	padding: 15px 15px;
}

.content-left-menu > span{
	font-size: 14px;
	color: #669acc;
}

.content-left-menu ul{
	list-style: none;
	width: 100%;
	height: 532px;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 30px;

}
.content-left-menu ul > li{
	width: 100%;
	font-size: 30px;
	color: #669acc;
	height: 87px;
	margin-bottom: 3px;
	background-color: white;
	cursor: pointer;

}
/*-------js add active-add-----*/
.content-left-menu ul > li.active-add{
	background-color: #669acc;
	color: white;
}

.active-add .text span{
	color: yellow;
}


/*-------*/


.text{
	letter-spacing:2px;
	height: auto;
	margin: 10px;
	display: inline-block;
	width: 200px;
	margin: 0 auto;
	margin-top: 30px;
	margin-left: 15px;
	text-align: right;
}

.text a{
	margin-right: 5px;
	text-decoration: none;
	cursor: pointer;
}

.text span{
	font-family: 'WebSymbolsRegular';
	font-size: 34px;
	margin-left: 15px;
	color: #669acc;
}

#new-team{
	font-size: 30px;
}

#new-team a{
	margin-left: -15px;
}


/*---------content-left-menu end-------*/

/* content-right since here*/
.content-right{
	width:628px;
	height: 1043px;
	float: right;
	padding: 15px 15px;
	position: relative;
}

.content-right > span{
	font-size: 14px;
	color: #669acc;
	position: absolute;
	right:15px;
}

#content-block{
	width: 628px;
	height: auto;
	margin-top: 32px;
}

.post-content{
	width: 608px;
	height: 213px;
	background-color: white;
	position: relative;
	margin-bottom: 10px;
	padding:10px;
}

.post-data{
	display: inline-block;
	color:#b1b0ae;
	font-size: 18px;
}

.post-data .activity-time{
	margin-right: 170px;
}

.post-content h2{
	font-size: 20px;
	color:#858384;
}

.post-content p{
	font-size: 14px;
	color:#b1b0ae;
}

.post-data-behind{
	font-size: 14px;
	color:#669acc;
	position: absolute;
	right: 20px;
	top: 210px;
}

.post-data-behind #read-number{
	margin-right: 10px;
}

#more-info{
	position: absolute;
	right: 15px;
	top: 1018px;
	font-size: 14px;
}

/*---------content-right end-------*/

/* The following is the footer style. */
#footer{
	clear: both;
	height: 80px;
	background-color: #669acc;
	min-width:960px;
}

#footer .footerContent{
	width: 960px;
	height: 80px;
	margin: 0 auto;
	color: white;
	text-align: center;
	font-size: 20px;
}

#footer .footerContent a{
	color: white;
}

#footer-column{
	display: inline-block;
	margin-top: 13px;
	margin-bottom: 10px;
}